<!DOCTYPE html>
{%load staticfiles%}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link href="{% static 'css/loginstyle.css' %}" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="login-box">
		<h2>Login</h2>
		<form method="post" action="/login/">
            {% csrf_token %}
        <div class="login-field">
                {{ login_form.username }}
                {{ login_form.errors.username.0 }}
				<label>Username</label>
        </div>
        <div class="login-field">
                {{ login_form.password }} {{ login_form.errors.password.0 }}
				<label>Password</label>
        </div>
        <div class="captcha">
            {{ login_form.captcha }}
        </div>
            <p style="color: white; ">{{ login_form.errors.captcha.0 }}</p>
        <button type="submit">Submit</button><p style="color: white">{{ msg }}</p>
		</form>
	</div>
</body>
<script src="{% static 'lib/jquery/jquery.js' %}"></script>
</html>
